<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>3-3-2</title>
		<!--   引入jQuery -->
		<script src="../../scripts/jquery-1.3.1.js" type="text/javascript"></script>
		<script src="../../scripts/assist.js" type="text/javascript"></script>
		<link rel="stylesheet" type="text/css" href="../../styles/selectstyle.css" />
		<script type="text/javascript">
			$(function(){
				//  获取<ul>节点中第二个<li>元素节点（橘子）
				$one=$("ul li").eq(1)
				//  获取<ul>节点中第三个<li>元素节点（菠萝）
				$two=$("ul li").eq(2)				
				//  将菠萝放在橘子前面(insertBefore)
				$two.insertBefore($one)
			})
		</script>
	</head>
	<body>
		<p title="选择你最喜欢的水果.">你最喜欢的水果是?</p>
		<ul>
			<li title='苹果'>苹果</li>
			<li title='橘子'>橘子</li>
			<li title='菠萝'>菠萝</li>
		</ul>
	</body>
</html>
